<!DOCTYPE html>
<html lang="en"  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>testpage2</title>
    <link rel="shortcut icon" href="../static/favicon.ico"/>
    <link href="../static/css/bootstrap.min.css?v=3.3.6" rel="stylesheet"/>
    <link href="../static/css/font-awesome.css?v=4.4.0" rel="stylesheet"/>
    <link href="../static/css/animate.css" rel="stylesheet"/>
    <link href="../static/css/style.css?v=4.1.0" rel="stylesheet"/>
    <style>
        /*.xj-file input[type=file]{border:none; outline:none; position:absolute; top:0; left:0px; width:54px; height:34px; cursor:pointer; filter:alpha(opacity=0); opacity:0;}*/
        .text-info{
            margin-top: 0;
            margin-bottom: 50px;
            font-size: 35px;
        }
        .main{
            border: 1px solid rgb(231,234,246);
            height: 700px;
            width: 700px;
            margin: 0 auto;
            padding: 20px;
            font-size: 20px;
        }
        .form-group{
            padding-bottom: 60px;
        }
        .showMessage{
            padding-bottom: 20px;
        }
        #exampleInputNumber2{
            margin-bottom: 120px;
        }
        #btnInfo{
            background-color: rgb(91,192,222);
            font-size: 25px;
            display: block;
            width: 130px;
            height: 80px;
            margin:0 auto;
        }
    </style>
</head>

<body>
<h1 class="text-info" style="text-align: center;color:black"> 欢迎来到口算练习系统! </h1>
<form method="post" th:action="@{/testpage1}" name="myform" onsubmit="return CheckPost();">
    <div class="main">
        <div class="form-group">
            <label class="showMessage" for="exampleInputNumber1">输入要生成的题目数量:</label>
            <input  class="form-control" id="exampleInputNumber1" name="number1" placeholder="数量"/>
        </div>
        <div class="form-group">
            <label class="showMessage" for="exampleInputNumber2">输入要生成带括号的题目数量:</label>
            <input class="form-control" id="exampleInputNumber2" name="number2" placeholder="数量">
        </div>
        <div class="form-group">
            <label class="showMessage" for="exampleInputNumber2">输入你要挑战的年级:</label>
            <input class="form-control" id="exampleInputNumber3" name="number3" placeholder="如果不挑战则不输入">
        </div>
        <button class="btn btn-primary" id="btnInfo" type="submit">提交</button>
    </div>
</form>
</body>
<script>
    function CheckPost()
    {
        if (myform.number1.value=="")
        {
            alert("生成题目数量不能为空！！！");
            myform.number1.focus();
            return false;
        }

    }
</script>
</html>